<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>领导登录界面</title>
    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <!--你自己的样式文件 -->
    <link href="css/cbzx_style.css" rel="stylesheet">
    <link href="css/font-awesome.min.css" rel="stylesheet">
    <!-- 以下两个插件用于在IE8以及以下版本浏览器支持HTML5元素和媒体查询，如果不需要用可以移除 -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
        <![endif]-->
</head>
<body>
<div class="container">
    <!--头部开始-->
    <div id="header">
        <h1 class="col-xs-4">
            <a href="#">集约化公共服务平台<br/><small>广东省新闻出版广电局</small></a></h1>
        <div class="r-box">
            <ul class="nav">
                <li><a class="a1" href="#"><span>采编中心</span></a></li>
                <li><a class="a2" href="#"><span>互动中心</span></a></li>
                <li><a class="a3" href="#"><span>运营中心</span></a></li>
                <li><a class="a4" href="#"><span>管理中心</span></a></li>
            </ul>
            <div class="user">
                <dl>
                    <dt><a href="#"><img src="images/header_tx.png" alt=""/></a><i>5</i></dt>
                    <dd>张大伟<br/><a href="#">退出</a></dd>
                </dl>
                <ul class="tc">
                    <li><a href="#" class="a1">消息<i>5</i></a></li>
                    <li><a href="#" class="a2">站群管理</a></li>
                    <li><a href="#" class="a3">密码管理</a></li>
                    <li><a href="#" class="a4">帮助</a></li>
                    <li><a href="#" class="a5">退出系统</a></li>
                </ul>
            </div>
        </div>
    </div>
    <!--头部结束-->
    <!--主体开始-->
    <div id="content" class="cbry-con">
        <div class="row">
            <!--左边开始-->
            <div class="col-xs-6">
                <!--网站群信息更新监测预警开始-->
                <div class="main js_trsTab">
                    <p class="tit">
                        <strong>网站群信息更新监测预警</strong>
                        <span>
                            <a href="#"><i class="fa fa-arrows-alt"></i></a>
                            <a href="#"><i class="fa fa-cog"></i></a>
                        </span>
                    </p>
                    <div class="tab-ul">
                        <ul class="dis-in-b float-left js_tab">
                            <li>部门更新情况</li>
                            <li>信息更新预警</li>
                            <li> 总发稿量</li>
                        </ul>
                    </div>
                    <div class="pic-ld js_con"><img src="images/lddl_pic01.jpg" alt=""/></div>
                    <div class="pic-ld js_con"><img src="images/lddl_pic01.jpg" alt=""/></div>
                    <div class="pic-ld js_con"><img src="images/lddl_pic01.jpg" alt=""/></div>
                </div>
                <!--网站群信息更新监测预警结束-->
                <!--受访栏目开始-->
                <div class="mt20 main js_trsTab" style="height:420px;">
                    <p class="tit">
                        <strong>受访栏目</strong>
                        <span>
                            <a href="#"><i class="fa fa-arrows-alt"></i></a>
                            <a href="#"><i class="fa fa-cog"></i></a>
                        </span>
                    </p>
                    <table class="table table-striped">
                        <thead>
                        <tr>
                            <th>字栏目</th>
                            <th>浏览数</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td>/iowen/owe/kdlak</td>
                            <td>24351454</td>
                        </tr>
                        <tr>
                            <td>/iowen/owe/kdlak</td>
                            <td>24343</td>
                        </tr>
                        <tr>
                            <td>/iowen/owe/kdlak</td>
                            <td>546346</td>
                        </tr>
                        <tr>
                            <td>/iowen/owe/kdlak</td>
                            <td>24351454</td>
                        </tr>
                        <tr>
                            <td>/iowen/owe/kdlak</td>
                            <td>24343</td>
                        </tr>
                        <tr>
                            <td>/iowen/owe/kdlak</td>
                            <td>546346</td>
                        </tr>
                        <tr>
                            <td>/iowen/owe/kdlak</td>
                            <td>24343</td>
                        </tr>
                        <tr>
                            <td>/iowen/owe/kdlak</td>
                            <td>546346</td>
                        </tr>
                        </tbody>
                    </table>
                </div>
                <!--受访栏目结束-->
            </div>
            <!--左边结束-->
            <!--右边开始-->
            <div class="col-xs-6">
                <!--地域分析开始-->
                <div class="main js_trsTab">
                    <p class="tit">
                        <strong>地域分析</strong>
                        <span>
                            <a href="#"><i class="fa fa-arrows-alt"></i></a>
                            <a href="#"><i class="fa fa-cog"></i></a>
                        </span>
                    </p>

                    <ul class="tab-ul js_tab">
                        <li>国内</li>
                        <li>省内</li>
                        <li>国际</li>
                    </ul>
                    <div class="js_con pic-ld"><img src="images/lddl_pic02.jpg" alt=""/></div>
                    <div class="js_con pic-ld"><img src="images/lddl_pic02.jpg" alt=""/></div>
                    <div class="js_con pic-ld"><img src="images/lddl_pic02.jpg" alt=""/></div>
                </div>
                <!--地域分析结束-->
                <!--最常用搜索词占比开始-->
                <div class="mt20 main">
                    <p class="tit">
                        <strong>最常用搜索词占比</strong>
                        <span>
                            <a href="#"><i class="fa fa-arrows-alt"></i></a>
                            <a href="#"><i class="fa fa-cog"></i></a>
                        </span>
                    </p>
                    <div class="pic-ld"><img src="images/lddl_pic01.jpg" alt=""/></div>
                </div>
                <!--最常用搜索词占比结束-->
            </div>
            <!--右边结束-->
        </div>
        <!--受访栏目开始-->
        <div class="main mt20">
            <p class="tit">
                <strong>受访栏目</strong>
                        <span>
                            <a href="#"><i class="fa fa-arrows-alt"></i></a>
                            <a href="#"><i class="fa fa-cog"></i></a>
                        </span>
            </p>
            <ul class="sflm-box">
                <li>访问量<br/><strong>92110</strong></li>
                <li>浏览量<br/><strong>223110</strong></li>
                <li>跳出率<br/><strong>57.96%</strong></li>
                <li>平均访问时间<br/><strong>4分25秒</strong></li>
                <li>平均访问深度<br/><strong>2.74</strong></li>
            </ul>
            <table class="table table-striped">
                <thead>
                <tr>
                    <th>序号</th>
                    <th>页面标题</th>
                    <th>页面URL</th>
                    <th>浏览量</th>
                    <th>着陆数</th>
                    <th>跳出数</th>
                    <th>IP数</th>
                    <th>访问量</th>
                    <th>访客数</th>
                    <th>操作</th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td>1</td>
                    <td><a href="#">欢迎光临广州南沙！</a></td>
                    <td><a href="#">http://www.gzgov.gov.cn</a></td>
                    <td>533511</td>
                    <td>35465</td>
                    <td>324234</td>
                    <td>324234</td>
                    <td>5657</td>
                    <td>5657</td>
                    <td>Example of adjust</td>
                </tr>
                <tr>
                    <td>1</td>
                    <td><a href="#">欢迎光临广州南沙！</a></td>
                    <td><a href="#">http://www.gzgov.gov.cn</a></td>
                    <td>533511</td>
                    <td>35465</td>
                    <td>324234</td>
                    <td>324234</td>
                    <td>5657</td>
                    <td>5657</td>
                    <td></td>
                </tr>
                <tr>
                    <td>1</td>
                    <td><a href="#">欢迎光临广州南沙！</a></td>
                    <td><a href="#">http://www.gzgov.gov.cn</a></td>
                    <td>533511</td>
                    <td>35465</td>
                    <td>324234</td>
                    <td>324234</td>
                    <td>5657</td>
                    <td>5657</td>
                    <td></td>
                </tr>
                <tr>
                    <td>1</td>
                    <td><a href="#">欢迎光临广州南沙！</a></td>
                    <td><a href="#">http://www.gzgov.gov.cn</a></td>
                    <td>533511</td>
                    <td>35465</td>
                    <td>324234</td>
                    <td>324234</td>
                    <td>5657</td>
                    <td>5657</td>
                    <td></td>
                </tr>
                <tr>
                    <td>1</td>
                    <td><a href="#">欢迎光临广州南沙！</a></td>
                    <td><a href="#">http://www.gzgov.gov.cn</a></td>
                    <td>533511</td>
                    <td>35465</td>
                    <td>324234</td>
                    <td>324234</td>
                    <td>5657</td>
                    <td>5657</td>
                    <td></td>
                </tr>
                <tr>
                    <td>1</td>
                    <td><a href="#">欢迎光临广州南沙！</a></td>
                    <td><a href="#">http://www.gzgov.gov.cn</a></td>
                    <td>533511</td>
                    <td>35465</td>
                    <td>324234</td>
                    <td>324234</td>
                    <td>5657</td>
                    <td>5657</td>
                    <td></td>
                </tr>
                </tbody>
            </table>
        </div>
        <!--受访栏目结束-->
    </div>
    <!--主体结束-->
    <!--底部开始-->
    <div id="footer">
        北京拓尔思信息技术股份有限公司版权所有
    </div>
    <!--底部结束-->
</div>
<!-- 如果要使用Bootstrap的js插件，必须先调入jQuery -->
<script src="js/jquery-1.11.2.min.js"></script>
<!-- 包括所有bootstrap的js插件或者可以根据需要使用的js插件调用　-->
<script src="js/bootstrap.min.js"></script>
<script src="js/common_js.js"></script>
</body>
</html>